<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>酒仙网-白酒、红酒、洋酒、保健酒、黄酒、酒具官方旗舰店</title>
    <link rel="shortcut icon" href="imgs/favicon.ico" />
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/detail.css">
    <script src="js/jquery.js"></script>
    <script src="js/axios.js"></script>
</head>

<body>
    <header id="dingbu">
        <nav>
            <ul class="navi">
                <li>欢迎来酒仙网！</li>
                <li><a href="login.html">请登录</a></li>
                <li><a href="regist.html">免费注册</a></li>
                <li>
                    <p>
                        <a href="index.html" target="_blank">我的酒仙</a>
                        <b></b>
                    </p>
                    <ul>
                        <li><a href="cart.html">我的订单</a></li>
                        <li><a href="">物流跟踪</a></li>
                        <li><a href="">我的优惠券</a></li>
                        <li></li>
                    </ul>
                </li>
                <li>CEO邮箱</li>
                <li><span class="gouwuche"></span><a href="cart.html">购物车 <p><strong>0</strong></p> 件</a></li>
                <li>
                    <p>CLUB会员</p>
                </li>
                <li>
                    <p><a href="">招商入驻</a></p>
                </li>
                <li>
                    <p><span></span>手机逛酒仙</p>
                    <img src="imgs/10009.jpg" alt="">
                </li>
                <li>
                    <p>
                        <span></span>
                        <a href="list.html">网站导航</a>
                        <b></b>
                    </p>
                    <dl>
                        <dt>
                            <h5>购物</h5>
                            <ul>
                                <li><a href="">白酒</a></li>
                                <li><a href="">葡萄酒</a></li>
                                <li><a href="">洋酒</a></li>
                                <li><a href="">啤酒</a></li>
                                <li><a href="">保健酒</a></li>
                                <li><a href="">黄酒</a></li>
                            </ul>
                        </dt>
                        <dt>
                            <h5>活动</h5>
                            <ul>
                                <li><a href="">酒鬼酒</a></li>
                                <li><a href="">进口馆</a></li>
                                <li><a href="">老酒特卖</a></li>
                                <li><a href="">新品发现</a></li>
                            </ul>
                        </dt>
                        <dt>
                            <h5>其他</h5>
                            <ul>
                                <li><a href="">会员中心</a></li>
                                <li><a href="">常见问题</a></li>
                                <li><a href="">招商入住</a></li>
                            </ul>
                        </dt>
                    </dl>
                </li>
                <li>
                    <p>
                        <span></span>
                        <a href="">客户服务</a>
                        <b></b>
                    </p>
                    <ul>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">配送说明</a></li>
                        <li><a href="#">售后服务</a></li>
                    </ul>
                </li>
                <li>客服热线
                    <p>
                        <strong>400-617-9999
                           </strong>
                    </p>
                </li>
            </ul>
        </nav>
        <!-- 广告 -->
        <div class="guanggao"></div>
        <!-- 搜索 -->
        <div class="section">
            <img src="imgs/10001.png" alt="">
            <img src="imgs/10002.gif" alt="">
            <div style="margin:0 10px ;">
                <form action="">
                    <input type="text" placeholder="老酒特卖:全场低至9.9元"><button>搜索</button>
                </form>
                <ul>
                    <li><a href="">老酒</a></li>
                    <li><a href="">茅台</a></li>
                    <li><a href="">五粮液</a></li>
                    <li><a href="">剑南春</a></li>
                    <li><a href="">人头马</a></li>
                    <li><a href="">酒鬼</a></li>
                    <li><a href="">容大</a></li>
                    <li><a href="">国台</a></li>
                </ul>
            </div>
            <img src="imgs/10007.png" alt="">
        </div>
        <div class="navii">
            <ul>
                <p>全部商品分类</p>
                <li>首页</li>
                <li>CLUB</li>
                <li>招商入驻</li>
                <li>沱牌舍得</li>
                <li>新品</li>
                <li>门店加盟</li>
                <img src="imgs/10003.gif" alt="">
            </ul>
        </div>
        <div class="right-side">
            <li><span></span>
                <p>我</p>
            </li>
            <li>
                <span class="aixin"></span>
                <p>收藏</p>
            </li>
            <li>
                <span class="gouwuche"></span>
                <a href="cart.html" target="_blank">
                    <p>购 <br> 物 <br> 车</p>
                </a>
            </li>

        </div>
    </header>
    <main>
        <div class="zhutu"></div>

    </main>

    <script>
        //console.log(location.search)
        let pid = location.search.split("=")[1]
            //console.log(pid)
        let str = ``;

        function xuanran() {
            axios
                .get("http://jx.xuzhixiang.top/ap/api/detail.php", {
                    params: {
                        id: pid,
                    }
                }).then((res) => {
                    // console.log(res.data)
                    //     // res.data.data.forEach(item=>{
                    // console.log(res.data.data.pimg)
                    str += `<div class="zhutu" id='zoomBox'>
                        <div class="dleft" id='mid'>
                            <img src="${res.data.data.pimg}" alt="" id='mid1'>
                            <div id='zoom'></div>
                        </div>
                        <div id='big'>
                            <img src="${res.data.data.pimg}" alt="" id='big1'>
                        </div>
                        <div class="dright">
                            <p>${res.data.data.pname}</p>
                            <p>${res.data.data.pdesc}</p>
                            <p>￥${res.data.data.pprice}</p><br>
                            <button onclick=buy()>加入购物车</button>
                        </div>
                     </div>`
                        // console.log($(".zhutu"));
                    $(".zhutu").append(str)
                });

        }
        xuanran();

        function buy() {
            axios.get("http://jx.xuzhixiang.top/ap/api/goods/goods-add.php", {
                params: {
                    uid: localStorage.getItem("uid"),
                    pid: pid,
                    pnum: 1
                }
            }).then((res) => {
                //     console.log(res)
                // 
                localStorage.setItem("pid", pid)
                    //window.open("cart.html")
            })
        }
        //console.log("ooo");
        axios
            .get("http://jx.xuzhixiang.top/ap/api/detail.php", {
                params: {
                    id: pid,
                },
            })
            .then((res) => {
                console.log(res.data, res);
                if (res.data.code == 1) {
                    // location.href = "cat.html";
                } else {
                    //alert("chongshi");
                }
            });

        function buy() {
            axios.get("http://jx.xuzhixiang.top/ap/api/add-product.php", {
                params: {
                    uid: localStorage.getItem("uid"),
                    pid: pid,
                    pnum: 1
                }
            }).then((res) => {
                console.log(res.data)
                localStorage.setItem("pid", pid)
                window.open("cart.html")
                    // window.open("index.html");
            })
        }

        function cha() {
            axios.get("http://jx.xuzhixiang.top/ap/api/cart-list.php", {
                params: {
                    id: localStorage.getItem("uid"),
                }
            }).then((res) => {
                console.log(res.data)
            })
        }
        cha();
    </script>

    <footer>
        <div class="footer-shade">
            <div>
                <span></span>
                <h4>400-617-9999</h4>
                <p>客服热线</p>
                <p>9:00-23:00</p>
                <p>贴心服务</p>
            </div>
            <div>
                <ul>

                    <li><a href="">新手入门</a></li>
                    <li><a href="">购物保障</a></li>
                    <li><a href="">服务协议</a></li>
                    <li><a href="">发票说明</a></li>
                    <li><a href="">隐私协议</a></li>
                </ul>
                <ul>
                    <li><a href="">公司简介</a></li>
                    <li><a href="">管理团队</a></li>
                    <li><a href="">网站地图</a></li>
                    <li><a href="">品牌大全</a></li>
                </ul>
                <ul>
                    <li><a href="">公司简介</a></li>
                    <li><a href="">管理团队</a></li>
                    <li><a href="">网站地图</a></li>
                    <li><a href="">品牌大全</a></li>
                </ul>
                <ul>
                    <li><a href="">公司简介</a></li>
                    <li><a href="">管理团队</a></li>
                    <li><a href="">网站地图</a></li>
                    <li><a href="">品牌大全</a></li>
                </ul>
                <ul>
                    <li><a href="">公司简介</a></li>
                    <li><a href="">管理团队</a></li>
                    <li><a href="">网站地图</a></li>
                    <li><a href="">品牌大全</a></li>
                </ul>
                <ul>
                    <li><a href="">公司简介</a></li>
                    <li><a href="">管理团队</a></li>
                </ul>
                <ul>
                    <li><a href="">公司简介</a></li>
                    <li><a href="">管理团队</a></li>
                </ul>
            </div>
        </div>
        <div class="foot-data">
            <ul>
                <li><a href="">公司简介</a></li>
                <li><a href="">管理团队</a></li>
                <li><a href="">网站地图</a></li>
                <li><a href="">品牌大全</a></li>
                <li><a href="">开放平台招商</a></li>
            </ul>
            <ol>酒仙网络科技股份有限公司 © 酒仙网 2011 jiuxian.com All Rights Reserved <a href="">京ICP备17043395号</a> 京公网安备11030102000060</ol>
            <p>统一社会信用代码 91110302306646672B 食品流通许可证编号 JY11131010328793 京食药网食备201910019 </p>
            <p>地址:北京市北京经济技术开发区经海五路58号院8幢1-6层</p>

            <div>
                <a href=""><img src="imgs/10008.jpg" alt=""></a>
                <p>购买前请确认达到法定饮酒年龄!酒仙网不销售任何含酒精产品给18岁以下人士!</p>
            </div>
            <div class="foot-lxfs">
                <figure>
                    <img src="imgs/10009.jpg" alt="">
                    <figcaption>手机酒仙网</figcaption>
                </figure>
                <figure>
                    <img src="imgs/10009.jpg" alt="">
                    <figcaption>微信公众号</figcaption>
                </figure>
            </div>
        </div>


    </footer>

</body>

</html>